/**
 *  @互联家
 *  @销售明细 样式表
 */

import { Dimensions } from 'react-native';

const { width, height } = Dimensions.get('window');

export default ({
  scrollBox: {
    width,
  },
  container: {
    flex: 1,
    justifyContent: 'flex-start',
    alignItems: 'center',
    padding: 20,
    backgroundColor: '#ffffff'
  },
  switchBarBox: {
    width: width - 40,
    paddingTop: 5,
    paddingBottom: 15,
    flexDirection: 'row',
    justifyContent: 'space-around',
    alignItems: 'center',
  },
  switchBarItem: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  switchBarItemTitle: {
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
  },
  switchBarItemTitleName: {
    fontSize: 18,
    color: '#999999',
    marginRight: 3
  },
  switchBarItemTitleNameSel: {
    fontSize: 18,
    color: '#126cf2',
    marginRight: 3
  },
  switchBarItemTitleIcon: {
    width: 14,
    height: 8,
  },
  switchBarItemBorder: {
    width: 30,
    height: 2,
    marginTop: 3,
    backgroundColor: '#ffffff'
  },
  switchBarItemBorderSel: {
    width: 30,
    height: 2,
    marginTop: 3,
    backgroundColor: '#126cf2'
  },
  salesItemBox: {
    width: width - 40,
    paddingTop: 10,
    paddingBottom: 10,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    borderTopWidth: 1,
    borderTopColor: '#ededed'
  },
  salesItemTitle: {
    fontSize: 16,
    fontWeight: '600',
    color: '#222222'
  },
  salesItemTime: {
    fontSize: 16,
    color: '#666666'
  },
  salesItemAddFee: {
    fontSize: 20,
    color: '#0766f1'
  },
  salesItemReFee: {
    fontSize: 20,
    color: '#131313'
  }
});